<template><div><p><code v-pre>more</code> 注释之前的内容被视为文章摘要。</p>
<!-- more -->
<h2 id="配置示例" tabindex="-1"><a class="header-anchor" href="#配置示例" aria-hidden="true">#</a> 配置示例</h2>
<div class="language-markdown ext-md line-numbers-mode"><pre v-pre class="language-markdown"><code><span class="token front-matter-block"><span class="token punctuation">---</span>
<span class="token front-matter yaml language-yaml"><span class="token comment"># 这是侧边栏索引</span>
<span class="token key atrule">order</span><span class="token punctuation">:</span> <span class="token number">1</span>
<span class="token comment"># 这是页面的图标</span>
<span class="token key atrule">icon</span><span class="token punctuation">:</span> page
<span class="token comment"># 这是文章的标题</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> 页面配置
<span class="token comment"># 设置作者</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span> 野生程序员
<span class="token comment"># 设置写作时间</span>
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2022-06-06</span>
<span class="token comment"># 一个页面可以有多个分类</span>
<span class="token key atrule">category</span><span class="token punctuation">:</span>
  <span class="token punctuation">-</span> 使用指南
<span class="token comment"># 一个页面可以有多个标签</span>
<span class="token key atrule">tag</span><span class="token punctuation">:</span>
  <span class="token punctuation">-</span> 页面配置
  <span class="token punctuation">-</span> 使用指南
<span class="token comment"># 此页面会在文章列表置顶</span>
<span class="token key atrule">sticky</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token comment"># 此页面会出现在首页的文章板块中</span>
<span class="token key atrule">star</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
<span class="token comment"># 你可以自定义页脚</span>
<span class="token comment"># footer: qq547176052</span>
<span class="token key atrule">comment</span><span class="token punctuation">:</span> <span class="token boolean important">true</span></span>
<span class="token punctuation">---</span></span>

<span class="token code-snippet code keyword">`more`</span> 注释之前的内容被视为文章摘要。

<span class="token comment">&lt;!-- more --></span>
</code></pre><div class="line-numbers" aria-hidden="true"><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div><div class="line-number"></div></div></div><h2 id="页面信息" tabindex="-1"><a class="header-anchor" href="#页面信息" aria-hidden="true">#</a> 页面信息</h2>
<p>你可以在 Markdown 的 Frontmatter 中设置页面信息。</p>
<ul>
<li>
<p>作者设置为 Ms.Hope。</p>
</li>
<li>
<p>写作时间应为 2020 年 1 月 1 日</p>
</li>
<li>
<p>分类为 “使用指南”</p>
</li>
<li>
<p>标签为 “页面配置” 和 “使用指南”</p>
</li>
</ul>
<h2 id="页面内容" tabindex="-1"><a class="header-anchor" href="#页面内容" aria-hidden="true">#</a> 页面内容</h2>
<p>你可以自由在这里书写你的 Markdown。</p>
<div class="custom-container tip"><p class="custom-container-title">提示</p>
<ul>
<li>
<p>Markdown 文件夹的图片请使用相对链接 <code v-pre>./</code> 进行引用。</p>
</li>
<li>
<p><code v-pre>.vuepress/public</code> 文件夹的图片，请使用绝对链接 <code v-pre>/</code> 进行引用</p>
</li>
</ul>
</div>
<p>主题包含了一个自定义徽章章可以使用:</p>
<blockquote>
<p>文字结尾应该有深蓝色的 徽章文字 徽章。 <Badge text="徽章文字" color="#242378" /></p>
</blockquote>
<h2 id="页面结构" tabindex="-1"><a class="header-anchor" href="#页面结构" aria-hidden="true">#</a> 页面结构</h2>
<p>此页面应当包含:</p>
<ul>
<li>返回顶部按钮</li>
<li>路径导航</li>
<li>评论</li>
<li>页脚</li>
</ul>
</div></template>
